<template>
  <div class="hellos">
    <mt-header>
      <router-link to="/control" slot="left">
        <mt-button icon="back">设置</mt-button>
      </router-link>
    </mt-header>
    <div class="logs3">
      <p class="textj">快捷工具设置</p>
      <div class="sett">
        <p>通知栏快捷工具</p>
        <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </div>
    </div>
    <div class="quanconcen">
      <div class="setr">
        <p>权限中心</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
    </div>
    <p class="textj">快捷工具设置</p>
    <div class="quanquest">
      <div class="setr">
        <p>桌面悬浮窗</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
      <div class="sett">
        <p>通知栏快捷工具</p>
        <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </div>
    </div>
    <p class="textj">小视频设置</p>
    <div class="strvido">
      <div class="setr">
        <p>自动播放应用小视频</p>
        <div class="sterj">
          <span>仅Wi-Fi</span>
          <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
        </div>
      </div>
    </div>
    <p class="textj">下载设置</p>
    <div class="setdown">
      <div class="sett">
        <p>下载完成后提示安装</p>
        <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </div>
      <div class="sett">
        <p>零流量更新</p>
        <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </div>
      <div class="setr">
        <p>下载位置</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
    </div>
    <p class="textj">安装设置</p>
    <div class="setdown">
      <div class="sett">
        <p>安装完成后提示安装</p>
        <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </div>
    </div>
    <p class="textj">其他设置</p>
    <div class="setdown">
      <div class="setr">
        <p>消息提醒</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
      <div class="sett">
        <p>对好友隐身</p>
        <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
          <div class="mui-switch-handle"></div>
        </div>
      </div>
      <div class="setr">
        <p>分享应用宝</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
      <div class="setr">
        <p>帮助与反馈</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
      <div class="setr">
        <p>关于</p>
        <router-link tag="span" class="iconfont icon-jiantou" to="/control"></router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ""
    };
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.mui-switch-mini{

  display: block;
  border: 0.01rem solid rgb(78, 75, 75) !important;
  border-bottom: 0.01rem solid rgb(78, 75, 75) !important;
   float: right;
    height: 1.5rem;
    width: 2.3rem;
    margin-top: 0.7rem;
    margin-right: 1rem;
    .mui-switch-handle {
      height: 1.4rem;
      width: 1.5rem;
      margin-top: 0.09rem;

    }
}
.hellos {
  margin-bottom: 4rem;
}
.quanconcen {
  margin-top: 0.5rem;
}
.hellos {
  border: none;
  div {
    border-bottom: 0.01rem solid rgb(216, 213, 213);
  }
  div:last-child {
    border: none;
  }
}
.textj {
  height: 2rem;
  font-size: 0.8rem;
  line-height: 2.8rem;
  text-indent: 1rem;
}
.sett {
  width: 100%;
  height: 3rem;
  background-color: #fff;
  line-height: 3rem;
  p {
    display: inline-block;
    color: black;
    margin-left: 1rem;
  }
  .mui-switch-blue.mui-active {
    float: right;
    height: 1.5rem;
    width: 2.3rem;
    margin-top: 0.7rem;
    margin-right: 1rem;
    .mui-switch-handle {
      height: 1.4rem;
      width: 1.5rem;
      margin-top: 0.09rem;
    }
  }
}
.icon-jiantou {
  float: right;
  margin-right: 1rem;
}
.setr {
  width: 100%;
  height: 3rem;
  background-color: #fff;
  //   margin-top: 0.5rem;
  line-height: 3rem;
  p {
    display: inline-block;
    color: black;
    margin-left: 1rem;
  }
  .sterj {
    float: right;
    span:first-child {
      font-size: 0.8rem;
      color: black;
    }
  }
}
.mint-header {
  background-color: #fff;
}
.mint-header-button > a {
  color: black;
}
</style>

